<hr style="height: 0px;border:none;border-top: 1px solid #ccc;padding: 0;margin: 0"/>
<div style="background: #f1f1f1" class="fl">
    {{if is_array($configs["auth_list"]) and count($configs["auth_list"])>0}}
    <div><span style="padding-left: 4px">Group Authority</span></div>
    {{foreach $configs["auth_list"] as $au}}
    <div style="display: inline-block;float: left">
        <div style="margin-top: 10px;" class='jqx_chb_gr_au'>{{$au->name}}</div>
    </div>
    {{/foreach}}
    {{else}}
        <div><span style="padding-left: 4px">Group is not grant authority.</span></div>
    {{/if}}
<div>
<script>
    
    var Group_Au_FRM = (function () {
            
        //Adding event listeners
        function _createElements() {
            //create group checkbox authority
            {{if is_array($configs["auth_list"]) and count($configs["auth_list"])>0}}
            {{foreach $configs["auth_list"] as $au}}
            $('.jqx_chb_gr_au').jqxCheckBox({locked :true, checked:true,height: 25,width: '65px', theme: Group_Au_FRM.config.theme });
            {{/foreach}}
            {{/if}}            
        };
        //Creating the demo window
        return {
            config: {
                dragArea: null,
                theme: 'classic'
            },
            init: function () {
                //Creating all jqxWindgets except the window
                _createElements();

            }
        };
    } ());
    $(document).ready(function () {
        Group_Au_FRM.init();
    });
</script>